/*
    Document   : newCascadeStyleSheet
    Created on : 17-jul-2012, 17:23:25
    Author     : diego
    Description:
        Purpose of the stylesheet follows.
*/
body {
    background-image: url('../images/fondo.png'); 
    background-repeat: repeat;
}
root { 
    display: block;
}

nav {
    background-color:black;
    color:white;
}
div {
    margin-left:auto;
    margin-right:auto;
    background-color:#F2F2F2;
    border-color:black;
    border-width:1px;
    border-style:solid;
    padding:10px;
    width:70%
}

div.login {
    margin-top:100px;
    width:300px;
    height:auto;
    text-align:center;
}

div.lista_noticia {
    background-color:#F2F2F2;
    border-width: 0px;
    padding:10px;
    margin:10px;
    width:auto;
}
div.lista_noticia:hover {
    background-color:#BDBDBD;
}
div.titulo {
    background:none;
    color:white;
    vertical-align: middle;
    text-align: center;
    font-family: impact;
    font-size: 25px;
    border-width: 0px;
}

talbe#login {
    width: 100px;
}

body { 
    font: 100% helvetica; 
}
input {
    border-width:0px;
    background-color:white;  
    width:100%;
}
input:focus {
    border-width:2px;
    border-color:red;
    border-style:solid;
}
input.boton {
    width:120px;
    border-top: 1px solid #f79797;
    background: #b83939;
    background: -webkit-gradient(linear, left top, left bottom, from(#b85151), to(#b83939));
    background: -webkit-linear-gradient(top, #b85151, #b83939);
    background: -moz-linear-gradient(top, #b85151, #b83939);
    background: -ms-linear-gradient(top, #b85151, #b83939);
    background: -o-linear-gradient(top, #b85151, #b83939);
    padding: 7px 14px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #f2f2f2;
    font-size: 12px;
    font-family: Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}
input.boton:hover {
    border-top-color: #611616;
    background: #611616;
    color: #ccc;
}
input.boton:active {
    border-top-color: #1b435e;
    background: #1b435e;
}
textarea.noticia {
    border-width:0px;
    background-color:white; 
    width:100%;
    height:90%;
}
textarea.noticia:focus {
    border-width:2px;
    border-color:red;
    width:100%;
    height:90%;
    border-style:solid;
}

td {
    height:30px;
}

td#textarea {
    height:200px;
}

td.menu {
    text-align: center;
    width:200px;
    height:50px;
}
a {
    text-decoration:none;
    color:white;
}
td.menu:hover {
    font-weight: bold;
    text-decoration: underline;
}
hr {
    border-width:.1px;
    border-style:solid;
    border-color:black;
}
img.leer {
    width:100%;
    height:auto;
}
div.menuder {
    border: none;
    background-color: black;
    color: red;
    position:absolute;
    right: 5;
    top: 0;
    text-align: right;
    margin-top: 8px;
    margin-right:10px;
    width: 250px;
    height:30px;
    display:table-cell;
    vertical-align:middle;
}
div.menuizq {
    border: none;
    background-color: black;
    color: red;
    position:absolute;
    left: 8;
    top: 0;
    text-align: right;
    margin-top: 8px;
    margin-right:10px;
    width: 250px;
    height:30px;
    display:table-cell;
    vertical-align:middle;
}
a#password {
    text-decoration: none;
    color:red;
}
a#password:hover {
    font-weight: bold;
}

a.nombre {
    text-decoration: none;
    color:cyan;
}
a.nombre:hover {
    font-weight: bold;
}
div#diffpass {
    text-align:center;
    background: none;
    border-width: 0px;
    margin:0px;
    padding:0px;
    vertical-align: middle;
    display:none;
    width:100%;
}

div#error_seccion {
    text-align:center;
    background: none;
    border-width: 0px;
    margin:0px;
    padding:0px;
    vertical-align: middle;
    display:none;
    width:100%;
}

div#error_titular {
    text-align:left;
    background: none;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    display:none;
    width:400px;
    float:left;
}

div#error_noticia {
    text-align:left;
    background: none;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    display:none;
    width:400px;
    float:left;
}

div.titular {
    text-align:left;
    background: none;
    border-width: 0px;
    vertical-align: middle;
    width:auto;
    padding: 0px 10px 0px 0px;
    float: left;
}

div.error_borrar {
    text-align: center;
    border-width: 0px;
    background: none;
}

div.ok_borrar {
    text-align: center;
    border-width: 0px;
    background: none;
}

a.correo {
    color:gray;
}

a.correo:hover {
    text-decoration: underline;
}

button.botonaccion {
    width: 40px;
    height: 40px;
}
div.error {
    font-style: italic;
    color: red;
    background: none;
    font-size: 12px;
    border-color:black;
    border-width:1px;
    border-style: solid;
    width: 100%;
    display: none;
    text-align:center;
}
div.ok {
    font-style: italic;
    color: green;
    background-color: #CEF6CE;
    font-size: 12px;
    border-color:black;
    border-width:1px;
    border-style: solid;
    width: 50%;
    display: none;
    text-align:center;
    font-weight: bold;
}
div.okEditar {
    font-style: italic;
    color: green;
    background: none;
    font-size: 12px;
    border-color:black;
    border-width:1px;
    border-style: solid;
    width: 100%;
    display: none;
    text-align:center;
    font-weight: bold;
}